body {
    --primary-color: #ff0064;
    --sun-color: #eec413;
    --link-color: #4299e1;
    --border-radius: 2px;
    --bg: #fff;
    --bg-second: #fff;
    --rgb-bg-second: 255,255,255;
    --bg-body: #e7eaee;
    --bg-footer: #292525;
    --bg-code: #f8f8f8;
    --blockquote-color: #fff;
    --main-text-color: rgba(0,0,0,0.85);
    --second-text-color: rgba(0,0,0,0.65);
    --disable-text-color: rgba(0,0,0,0.35);
    --border-color: #f0f2f7;
    --box-shadow: 0 1px 3px rgb(18 18 18/10%);
    --scrollbar-bg: #dadada;
    --comment-editor-border-color: #d9d9d9;
    --comment-editor-disable-bg: #f5f5f5;
  }
  
  body img {
    opacity: 1;
  }
  
  body.dark {
    --sun-color: #e684af;
    --bg: #282c35;
    --bg-second: #363c48;
    --rgb-bg-second: 54,60,72;
    --bg-body: var(--bg);
    --bg-footer: var(--bg);
    --bg-code: rgba(115,124,153,0.2);
    --blockquote-color: #fff;
    --main-text-color: hsla(0,0%,100%,0.85);
    --second-text-color: hsla(0,0%,100%,0.65);
    --disable-text-color: hsla(0,0%,100%,0.45);
    --border-color: hsla(0,0%,100%,0.2);
    --box-shadow: 0 2px 15px 0 rgba(26,26,27,0.637);
    --scrollbar-bg: var(--bg-second);
    --comment-editor-border-color: var(--border-color);
    --comment-editor-disable-bg: var(--border-color);
  }
  
  body.dark img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }